Ext.define('Rms.view.common.Body', {
	extend : 'Ext.container.Container',
	requires : ['Ext.ux.GroupTabPanel'],
	xtype : 'body',
	layout : 'fit',
	frame : true,
	items : [{
				xtype : 'grouptabpanel',
				id : 'grouptab',
				//activeGroup : 1,
				items : [{
							defaults : {
								border : false
							},
							id : 'tabDashboard',
							items : [{
										title : 'Dashboard',
										id : 'dashboard'
									}, {
										title : 'Users',
										id : 'user',
										iconCls : 'x-icon-users'
									}, {
										title : 'Tickets',
										id : 'tickets',
										iconCls : 'x-icon-tickets'
									}, {
										title : 'Subscriptions',
										id : 'subscription',
										iconCls : 'x-icon-subscriptions'
									}]
						}, {
							defaults : {
								border : false
							},
							items : [{
										title : 'Configuration',
										id : 'confiuration',
										iconCls : 'x-icon-configuration'
									}, {
										title : 'Email Templates',
										id : 'emailTpl',
										iconCls : 'x-icon-templates'
									}]
						}],
				listeners : {
					beforetabchange : function(grouptabPanel, newCard, oldCard) {
						window.location.hash = "#main/" + newCard.id;
						return false;
					}
				}
			}]
})